require(['./config'],() => {
   require(['header','cookie','fly'],(header) => {
      class LoginRegister{
         constructor(){
            this.init()
            this.login()
            this.register()
         }
         init(){
            
         }
         //fly动画
         fly(e){
            $(`<img class='fly' src="/images/rocket.png" style="z-Index:999">`).fly({
               start:{
                 left: e.clientX - 64,  //开始位置（必填）#fly元素会被设置成position: fixed
                 top: e.clientY,  //开始位置（必填）
               },
               end:{
                 left:e.clientX-64, //结束位置（必填）
                 top: 0,  //结束位置（必填）
               //   width: 100, //结束时高度
               //   height: 100, //结束时高度
               },
               // autoPlay: false, //是否直接运动,默认true
               speed: 0.8, //越大越快，默认1.2
               // vertex_Rtop：100, //运动轨迹最高点top值，默认20
               onEnd: function(){
                  // 这里的this指向当前的jquery对象
                  //清除这个fly对象
                  this.destroy()
                  location.href='../index.html'
               } //结束回调
             })
         }
         login(){
            const _this = this
            $('#login').on('click', function (e) {
               const name = $('#logName').val(),
                  pwd = $('#logPwd').val()
               if(name&&pwd){
               $.post('http://localhost/%e7%99%bb%e5%bd%95%e6%b3%a8%e5%86%8c/api/login.php', {
                  name,
                  pwd
               }, resp => {
                  if (resp.code === 200) {
                     // alert(resp.body.msg)
                     $('#logName').val('')
                     $('#logPwd').val('')
                     $('#check2').prop('checked', false)
                     $('#check1').prop('checked',false)
                     if ($("#check1").is(':checked')) {
                        $.cookie('name', name, {
                           path: '/',
                           expires: 7
                        })
                     } else {
                        $.cookie('name', name, {
                           path: '/'
                        })
                     }
                     _this.fly(e)
                  } else {
                     alert(resp.body.msg)
                     $('#logPwd').val('')
                  }
               }, 'json')
            
                  //记住密码
                  if ($('#check2').is(':checked')) {
                     $.cookie('username', name, {
                        expires: 30
                     })
                  } else {
                     $.removeCookie('username')
                  }
               }else{
                  alert('请输入账号，密码！')
               }
               // if($.cookie('username')){
               //    const name = $.cookie('username')
               //    $.get('http://localhost/%e7%99%bb%e5%bd%95%e6%b3%a8%e5%86%8c/api/rember.php',{name},resp=>{
               //       // console.log(resp)
               //       pwd = $('#logPwd').val(resp.pwd)
               //       $('#check2').prop('checked',true)
               //    },'json')
               // }
            })
         
            //失去焦点时执行的代码
            $('#logName').on('keyup', function () {
               if ($.cookie('username') == $('#logName').val()) {
                  const name = $.cookie('username')
                  $.get('http://localhost/%e7%99%bb%e5%bd%95%e6%b3%a8%e5%86%8c/api/rember.php', {
                     name
                  }, resp => {
                     // console.log(resp)
                     $('#logPwd').val(resp.pwd)
                     $('#check2').prop('checked', true)
                  }, 'json')
               }else{
                  $('#logPwd').val('')
                  $('#check2').prop('checked', false)
               }
               
            })
         }
         register(){
            $('#register').on('click',function(){
               const name = $('#resName').val(),
                     email = $('#resEmail').val(),
                     pwd = $('#resPwd').val()
               if(name && email && pwd){
                  $.get('http://localhost/%e7%99%bb%e5%bd%95%e6%b3%a8%e5%86%8c/api/register.php',{name,email,pwd},resp=>{
                     console.log(resp)
                     if(resp.code === 200){
                        alert(resp.body.msg)
                        //设置check未没有点击的状态
                        $('#reg-log').prop('checked',false)
                        $('#logName').val('')
                        $('#email').val('')
                        $('#pwd').val('')
                     }else if(resp.code === 201){
                        alert(resp.body.msg)
                     }else{
                        alert(resp)
                     }
                  },'json')
               }else{
                  alert('请正确输入用户名，邮箱或密码')
               }
            })  
         }
      }
      new LoginRegister()
   })
})